.goods {
  width: 100vw;
  height: 100vh;
  background: #eeeeeeb7;
  padding: 24rpx 32rpx;
  box-sizing: border-box;
  .goodshouse {
    background-color: #fff;
    padding: 28rpx 24rpx 10rpx;
    border-radius: 16rpx;
    margin: 32rpx 0 20rpx;
    .title {
      display: flex;
      font-size: 28rpx;
      font-weight: bold;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 30rpx;
      .countView {
        display: flex;
        flex-direction: column;
      }
      .count {
        display: flex;
        align-items: center;
        font-size: 56rpx;
        color: #000;
        font-weight: bold;
        margin-top: 20rpx;
        .sub {
          border: 1rpx solid #999;
          font-size: 24rpx;
          margin-left: 24rpx;
          color: #999;
          padding: 4rpx 14rpx;
          font-weight: normal;
        }
      }
    }
    .goodsContent {
      margin: 30rpx 0;
      display: flex;
      justify-content: space-between;
      .goodsItem {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        .goodsItemTitle {
          font-size: 28rpx;
          color: #999;
          margin-bottom: 12rpx;
        }
        .goodsItemNum {
          font-size: 36rpx;
          color: #000;
          font-weight: bold;
        }
      }
    }
  }
  .logTitle {
    font-weight: bold;
    font-size: 36rpx;
    padding: 10rpx 0 30rpx;
    display: flex;
    justify-content: space-between;
    align-items: center;
    .search {
      font-size: 26rpx;
      font-weight: normal;
    }
  }
  .scrollView {
    height: calc(
      100vh - 540rpx - env(safe-area-inset-top) - env(safe-area-inset-bottom)
    );
    background: #fff;
    border-radius: 16rpx;
    padding: 32rpx;
    box-sizing: border-box;
    ::-webkit-scrollbar {
      display: none; /* 隐藏 Chrome/Safari 的滚动条 */
    }
    .logItem {
      padding-bottom: 24rpx;
      margin-bottom: 24rpx;
      border-bottom: 2rpx solid #eee;
      &:last-child {
        border-bottom: none;
      }
      .itemCount {
        .itemTitle {
          display: flex;
          justify-content: space-between;
          font-weight: bold;
          color: #000;
          .name {
            display: flex;
            .tag {
              border: 2rpx solid #999;
              font-size: 24rpx;
              color: #999;
              padding: 0 10rpx;
              margin-left: 10rpx;
            }
          }
        }
        .itemDate {
          margin: 12rpx 0;
          color: #999;
        }
        .itemOrder {
          color: #999;
        }
      }
      &.team {
        .itemTitle {
          font-weight: normal;
        }
        .itemNum {
          display: flex;
          align-items: center;
        }
      }
    }
    .u-collapse-item {
      position: relative;
    }
    .countRight {
      position: absolute;
      top: 18rpx;
      right: 0;
      font-size: 24rpx;
    }
  }
  .searchPopup {
    padding: 40rpx;
    .typeText {
      margin-bottom: 20rpx;
      font-weight: bold;
      font-size: 30rpx;
    }
    .searchType {
      margin-bottom: 170rpx;
      display: flex;
      .btn {
        margin-right: 30rpx;
        padding: 8rpx 32rpx;
        color: #494949;
        font-size: 28rpx;
        background: #d8d8d848;
        border-radius: 4rpx;
        &.active {
          background: #d8d8d8;
        }
      }
    }
    .footer {
      display: flex;
      justify-content: space-between;
      .btn {
        width: calc(50% - 20rpx);
        padding: 18rpx 32rpx;
        color: #494949;
        font-size: 32rpx;
        background: #d8d8d848;
        text-align: center;
        &.submitBtn {
          background: #d8d8d8;
        }
      }
    }
  }
}
